.loginPage{
    background: url('../../assets/ppbk.webp') center center  no-repeat ;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    .loginbox{
        width: 300px;
        position: fixed;
        top:20%;
        left:50%;
        background: rgba(255,255,255,.7);
        transform:translateX(-50%);
        display: flex;
        flex-direction: column;
        padding: 30px 0;
        box-shadow: 5px 5px 5px rgba(0,0,0,.2);
        div{
            display: flex;
            justify-content: center;
            margin-bottom: 15px;
        }
        input {
            width: 70%;
            outline: none;
            padding: 0  20px ;
            line-height: 46px;
            font-size: 16px;
            border: 1px solid rgb(183, 183, 183);
        }
        button {
            background: #fff;
            line-height: 35px;
            border: none;
            width: 70%;
         }
    }  
}